<html >
<head >
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta name="description" content="">
    <meta name="author" content="">
    <meta http-equiv="content-language" content="pt-br">
      <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Speakrs</title>
<link rel="shortcut icon" type="image/png" href="@{'/public/images/logo2.png'}" />
<link href="@{'/public/stylesheets/estilo.css'}" rel="stylesheet">
 	 <link href="@{'/public/stylesheets/bootstrap.css'}" rel="stylesheet">
 		
 	<style>
 	body {
	img {width:100px;}
 
  font-family:Arial;
	        font-size:12px;
	      
}

 
 	</style>
</head>

<body>



    #{include 'main.html'/}    


<center><div  class="container mensagem">

 
		  
		  
		  <div class="row primeiraLinha">
			
			
	
 
    <br><br><br> 
    
    
    
      <div class="row">
			  
			  
			  <div class="col-md-12 legendaTxt">
				  
				  <h1 class="tituloContHome">Cadastro de Spekars</h1>
				  				  
			  </div><!-- /col-md-12 -->
			  
			  
		  </div><!-- / row -->
 
 #{form @Speakrs.cadastrarSpeakr(), enctype:'multipart/form-data'} 				 	
		 <div class="form-group">
		 
		 <h3 class="subTituloContHome">Imagem do Speakr:</h3><img id="uploadPreview1" width='100' height='100' src="${speakr?.spe_ima}" /><br />
		<input id="uploadImage1" type="file" name="speakr.spe_ima" onchange="PreviewImage(1);" />
          
 <br> <input class="form-control msgInput" id="exampleInputEmail1" placeholder="Nome Completo" type="text" name="speakr.spe_nome_completo" size="16" value="${speakr?.spe_nome_completo}"> 
  
  <br> <input class="form-control msgInput" id="exampleInputEmail1" placeholder="Login" type="text" name="speakr.spe_nome" size="16" value="${speakr?.spe_nome}"> 
           
 <br> <input class="form-control msgInput" id="exampleInputEmail1" placeholder="Senha"  name="speakr.spe_senha" size="16" value="${speakr?.spe_senha}">
 
  <br> <input class="form-control msgInput" id="exampleInputEmail1" placeholder="Email"  name="speakr.spe_email" size="16" value="${speakr?.spe_email}">
 
   <p class="buttons">
        <input class="btn btn-primary"  type="submit" value="Registrar"> <a href="@{Application.index()}">Cancelar</a>
    </p>
    </div>
 #{/form}    
    
    
    
   
     
     

 <div class="row">
<div class="col-lg-12">
            <div class="panel panel-primary">
              <div class="panel-heading">
                <h3 class="panel-title"><i class="icon-money"></i> Listagem de Speakrs</h3>
              </div>
              <div class="panel-body">
                <div class="table-responsive">
                  <table class="table table-bordered table-hover table-striped tablesorter">
                    <thead>
                      <tr>
                         <th>Nome</th>
   	 <th>Email</th>
   	 <th>Editar</th>
                   
                      </tr>
                    </thead>
                    <tbody>
                     #{list items:speakrs, as:'spe'} 
   
     <tr>
     <a href="@{Speakrs.perfil(spe)}" >
      <td>
  		<a href="@{Speakrs.perfil(spe)}" ><img id="ctl00_XXX" src="${spe.spe_caminho_ima}"> </a>
  		${spe.spe_nome} 
  	 </td>
     <td>
  		${spe.spe_email} 
  	 </td>
  	 <td>
  		<a href="@{Speakrs.cadastrar(spe)}" ><img id="ctl00_XXX" src="@{'/public/images/editar.png'}" width='30' height='30'> </a>
  	 </td>
  	 
  	
  	
  	 </tr>
  	  #{/list}
                       </tbody>
                  </table>
               </div> 
                
        </div> </div> </div> </div><!-- /.row -->

    
  		
  		
  
  <!-- Emails -->
  
   <div class="row">
          <div class="col-lg-4">
            <div class="panel panel-primary">
              <div class="panel-heading">
                <h3 class="panel-title"><i class="icon-long-arrow-right"></i>Experiencias</h3>
              </div>
              <div class="panel-body">
                <table class="table table-hover">
     <thead>
     <tr >
     <th>Titulo</th>
     <th>Categoria</th>
    
     <th></th>
     </tr>

</thead>
<tbody>
 #{list items:experiencias, as:'exp'} 
   
     <tr>
     <td>
  		<a href="@{Speakrs.cadastrar(exp)}" >${exp.exp_titulo} <img id="ctl00_XXX" src="${exp?.exp_caminho_ima_home}" width='30' height='30' style="border: 0; float: left; margin-right: 15px" /></a>
  	 </td>
  	  <td>
  		<a href="" >${exp.exp_categoria} </a>
  	 </td>
  	
  	 <td>
  	 	<a href=""  data-toggle="tooltip" title="Altere as configurações do seu projeto"></a>
  	 </td>
  	 </tr>
  	  #{/list}
  	
  	 </tbody>
  		</table>
              </div>
            </div>
          </div>
          <div class="col-lg-4">
            <div class="panel panel-primary">
              <div class="panel-heading">
                <h3 class="panel-title"><i class="icon-time"></i> Recent Activity</h3>
              </div>
              <div class="panel-body">
                <div class="list-group">
                  <a href="#" class="list-group-item">
                    <span class="badge">just now</span>
                    <i class="icon-calendar"></i> Calendar updated
                  </a>
                  <a href="#" class="list-group-item">
                    <span class="badge">4 minutes ago</span>
                    <i class="icon-comment-alt"></i> Commented on a post
                  </a>
                  <a href="#" class="list-group-item">
                    <span class="badge">23 minutes ago</span>
                    <i class="icon-truck"></i> Order 392 shipped
                  </a>
                  <a href="#" class="list-group-item">
                    <span class="badge">46 minutes ago</span>
                    <i class="icon-money"></i> Invoice 653 has been paid
                  </a>
                  <a href="#" class="list-group-item">
                    <span class="badge">1 hour ago</span>
                    <i class="icon-user"></i> A new user has been added
                  </a>
                  <a href="#" class="list-group-item">
                    <span class="badge">2 hours ago</span>
                    <i class="icon-check"></i> Completed task: "pick up dry cleaning"
                  </a>
                  <a href="#" class="list-group-item">
                    <span class="badge">yesterday</span>
                    <i class="icon-globe"></i> Saved the world
                  </a>
                  <a href="#" class="list-group-item">
                    <span class="badge">two days ago</span>
                    <i class="icon-check"></i> Completed task: "fix error on sales page"
                  </a>
                </div>
                <div class="text-right">
                  <a href="#">View All Activity <i class="icon-circle-arrow-right"></i></a>
                </div>
              </div>
            </div>
          </div>
         <div class="col-lg-4">
            <div class="panel panel-primary">
              <div class="panel-heading">
                <h3 class="panel-title"><i class="icon-money"></i> Listagem de Emails</h3>
              </div>
              <div class="panel-body">
                <div class="table-responsive">
                  <table class="table table-bordered table-hover table-striped tablesorter">
                    <thead>
                      <tr>
                         <th>email</th>
   	 <th>Nome</th>
   	 <th>Mensagem</th>
                   
                      </tr>
                    </thead>
                    <tbody>
                     #{list items:emails, as:'ema'} 
   
     <tr>
     <td>
  		<a href="" >${ema.ema_email} </a>
  	 </td>
  	 <td>
  		<a href="" >${ema.ema_nome} </a>
  	 </td>
  	  <td>
  		<a href="" >${ema.ema_texto} </a>
  	 </td>
  	
  	 </tr>
  	  #{/list}
                       </tbody>
                  </table>
               </div> 
                
        </div><!-- /.row -->
 
                
                
                
                
                
     <script type="text/javascript">
    function PreviewImage(no) {
        var oFReader = new FileReader();
        oFReader.readAsDataURL(document.getElementById("uploadImage"+no).files[0]);

        oFReader.onload = function (oFREvent) {
            document.getElementById("uploadPreview"+no).src = oFREvent.target.result;
        };
    }
</script>           
                
                
                
  		
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
     <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    </body>
  
</html>